@font-face {
    font-family: 'Teko';
    src: url('../fonts/Teko.ttf');
    font-weight: normal;
    font-style: normal;
  }
  
  /** reset **/
  *{box-sizing: border-box;}
  body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;font-size: 100%;}
  body,button, input, select, textarea{font-size: 14px;line-height: 1.5;color: #333;font-family: "PingFang-M",Helvetica,Tahoma,Arial,Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;}
  h1, h2, h3, h4, h5, h6{font-weight: normal;}
  em{font-style:normal;}
  ul, ol{list-style: none;}
  i{font-style: normal;}
  b{font-weight: 400;}
  input[type="text"],
  input[type="password"],
  button{background: none;border: none;outline: none;-webkit-appearance: none;}
  textarea{resize: none;}
  a{text-decoration: none;color:#333;}
  a:hover{text-decoration: none;
          color:#333;
          -moz-transition: all 0.3s ease-in;
          -webkit-transition: all 0.3s ease-in;
          -o-transition: all 0.3s ease-in;
          transition: all 0.3s ease-in;
  }
  img{border:0px;  outline-width:0px;  vertical-align:top;max-width: 100%;}
  .clearfix { *zoom: 1; } 
  .clearfix:before, .clearfix:after {  display: table; line-height: 0; content: ""; } 
  .clearfix:after { clear: both; } 
  .fl { float:left;}
  .fr { float:right;}
  .hide { display:none !important;}
  .show { display:block !important;}
  
  div:focus{-webkit-tap-highlight-color: transparent; outline: none;}
  button:focus{-webkit-tap-highlight-color: transparent; outline: none;}
  input:focus{-webkit-tap-highlight-color: transparent; outline: none;}
  a:focus{-webkit-tap-highlight-color: transparent; outline: none;}
  span:focus{-webkit-tap-highlight-color: transparent; outline: none;}
  .translate{-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
  .translateY{-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); transform: translateY(-50%);}
  .translateX{-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); transform: translateX(-50%);}
  .text-center{text-align: center;}
  .text-right{text-align: right;}
  
  /* flex甯冨眬 */
  .flex-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .flex-middle{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .flex-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .flex-betw{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  
  
  .wrap {width: 1440px;margin: 0 auto;}
  .wrap1{width: 1200px;margin: 0 auto;}
  .wrap3{width: 1320px;margin: 0 auto;}
  input::-webkit-input-placeholder {color: #999999;}
  input:focus {
      outline: none;
      -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
  select{ outline: none;}
  select:focus,textarea:focus,option {
      outline: none;
      -webkit-tap-highlight-color: rgba(0,0,0,0);
      
  }
  select option{  outline: none;
      -webkit-tap-highlight-color: rgba(0,0,0,0);}
  @media screen and (max-width: 1680px) {
    .wrap{width: 1400px;}  
  }
  @media screen and (max-width: 1440px) {
    .wrap{width: 1300px;}  


  }
  @media screen and (max-width: 1366px) {
    .wrap{width: 1200px;} 
    .wrap1{width: 1200px;}  
    .wrap3{width: 1200px;margin: 0 auto;}
  }
  @media screen and (max-width: 1280px) {
    .wrap{width: 1050px;}  
    .wrap1{width: 1050px;}  
    .wrap3{width: 1050px;}  


  }
  @media screen and (max-width: 1180px) {
    .wrap{width:1000px;}  
    .wrap1{width:1000px;}  
    .wrap3{width:1000px;}  


  }

  @media screen and (max-width: 1040px) {
    .wrap{width:92%;}  
    .wrap1{width:92%;} 
    .wrap3{width:92%;} 

  }
  @media screen and (max-width: 768px) {
    .wrap1{width:94%;}  
    .wrap{width:94%;}  


  }
  @media screen and (max-width: 500px) {
    .wrap{width:96%;}  
    .wrap1{width:96%;}  

  }
  
  
  
  textarea{resize:none}
  .font180 { font-size: 180px;}
  .font100 {font-size: 100px;}
  .font80 {font-size: 80px;}
  .font68 {font-size: 68px;}
  .font60 { font-size: 60px;}
  .font56 {font-size: 56px;}
  .font54 {font-size: 54px;}
  .font50 { font-size: 50px;}
  .font46 { font-size: 46px;}
  .font36 { font-size: 36px;}
  .font32 { font-size: 32px;}
  .font30 {font-size: 30px;}
  .font28 {font-size: 28px;}
  .font26 {font-size: 26px;}
  .font24 { font-size: 24px;}
  .font22 {font-size: 22px;}
  .font20 {font-size: 20px;}
  .font18 {font-size: 18px;}
  
  @media screen and (max-width: 1680px) {
      .font180 {font-size: 150px;}
      .font100 {font-size: 90px;}
      .font80 {font-size: 66px;}
      .font68 {font-size: 62px;}
      .font60 {font-size: 52px; }
      .font56 {font-size: 44px; }
      .font54 {font-size: 52px;}
      .font50 {font-size: 48px;}
      .font46 { font-size: 40px;}
      .font36 {font-size: 32px;}
      .font30 {font-size: 30px;}
      .font28 {font-size: 28px;}
      .font26 {font-size: 26px;}
      .font24 {font-size: 22px;}
      .font20 { font-size: 20px;}
      .font18 {font-size: 18px;}
  }
  
  @media screen and (max-width: 1366px) {
      .font180 {font-size: 120px;}
      .font100 { font-size: 80px;}
      .font80 { font-size: 52px;}
      .font68 {font-size: 56px; }
      .font60 {font-size: 48px;}
      .font56 {font-size: 40px; }
      .font54 { font-size: 46px; }
      .font50 {font-size: 46px;}
      .font46 {font-size: 36px; }
      .font36 {font-size: 30px;}
      .font32 { font-size: 30px;}
      .font30 {font-size: 28px;}
      .font28 {font-size: 26px;}
      .font26 {font-size: 24px;}
      .font22 { font-size: 20px;}
      .font24 {font-size: 20px;}
      .font20 { font-size: 18px;}
      .font18 {font-size: 16px; }
  }
  
  @media screen and (max-width: 768px) {
      .font180 {font-size: 80px;}
      .font100 { font-size: 60px;}
      .font80 {font-size: 40px;}
      .font68 {font-size: 58px;}
      .font60 {font-size: 32px;}
      .font56 {font-size: 28px; }
      .font54 { font-size: 30px;}
      .font50 {font-size: 40px;}
      .font46 {font-size: 26px;}
      .font36 {font-size: 24px;}
      .font32 {font-size: 22px;}
      .font30 { font-size: 22px;}
      .font28 {font-size: 20px;}
      .font26 {font-size: 16px;}
      .font24 { font-size: 14px;}
      .font18 {font-size: 14px;}
  }
  
  @media screen and (max-width: 500px) {
      .font180 {font-size: 40px;}
      .font100 {font-size: 30px;}
      .font80 {font-size: 20px;}
      .font60 {font-size: 18px;}
      .font56 { font-size: 18px;}
      .font54 { font-size: 18px;}
      .font50 {font-size: 30px;}
      .font46 {font-size: 16px;}
      .font36 {font-size: 18px;}
      .font30 {font-size: 16px;}
      .font28 { font-size: 16px;}
      .font26 {font-size: 14px;}
      .font24 { font-size: 14px;}
      .font22 {font-size: 16px; }
      .font20 {font-size: 14px;}
      .font18 {font-size: 14px;}
  }
  
  /* ==========================================================================
      璺濈
  ============================================================================ */
  
  .pad150 { padding: 150px;}
  .pad120 { padding: 120px;}
  .pad100 { padding: 100px;}
  .pad80 { padding: 80px;}
  .pad60 {padding: 60px;}
  .pad50 {padding: 50px;}
  .pad40 { padding: 40px;}
  .pad30 {padding: 30px;}
  .pad20 {padding: 20px;}
  .marg150 {margin: 150px;}
  .marg120 {margin: 120px;}
  .marg100 {margin: 100px;}
  .marg80 {margin: 80px;}
  .marg60 {margin: 60px;}
  .marg50 {margin: 50px;}
  .marg40 {margin: 40px;}
  .marg30 {margin: 30px;}
  .marg20 {margin: 20px;}
  
  .pt150 { padding-top: 150px;}
  .pt120 {padding-top: 120px;}
  .pt100 {padding-top: 100px;}
  .pt90 { padding-top: 90px;}
  .pt80 {padding-top: 80px;}

  .pt60 {padding-top: 30px;}
  
  .pt50 {padding-top: 50px;}
  .pt40 { padding-top: 40px;}
  .pt30 {padding-top: 30px;}
  .pt20 { padding-top: 20px;}
  
  .pb150 { padding-bottom: 150px;}
  .pb120 {padding-bottom: 120px;}
  .pb100 {padding-bottom: 100px;}
  .pb90 {padding-bottom: 90px;}
  .pb80 {padding-bottom: 80px;}
  .pb60 {padding-bottom: 60px;}
  .pb50 {padding-bottom: 50px;}
  .pb40 {padding-bottom: 40px;}
  .pb30 {padding-bottom: 30px;}
  .pb20 { padding-bottom: 20px;}
  .mt150 { margin-top: 150px;}
  .mt120 { margin-top: 120px;}
  .mt100 {margin-top: 100px;}
  .mt80 { margin-top: 80px;}
  .mt60 { margin-top: 60px;}
  .mt50 { margin-top: 50px;}
  .mt40 {margin-top: 40px;}
  .mt30 { margin-top: 30px;}
  .mt20 { margin-top: 20px;}
  .mb150 { margin-bottom: 150px;}
  .mb120 { margin-bottom: 120px;}
  .mb100 { margin-bottom: 100px;}
  .mb90 { margin-bottom: 90px;}
  .mb80 { margin-bottom: 80px;}
  .mb60 { margin-bottom: 60px;}
  .mb50 { margin-bottom: 50px;}
  .mb40 { margin-bottom: 40px;}
  .mb30 { margin-bottom: 30px;}
  .mb20 {margin-bottom: 20px;}
  
  @media screen and (max-width: 1680px) {
      .mb20 { margin-bottom: 18px; }
      .pb20 { padding-bottom: 18px; }
      .mb50 { margin-bottom: 40px;}
  }
  
  @media screen and (max-width: 1366px) {
      .pt150 {padding-top: 120px;}
      .pt50 {padding-bottom: 40px;}
      .pb150 {padding-bottom: 100px;}
      .pb120 {padding-bottom: 80px;}
      .pb100 {padding-bottom: 80px;}
      .pb90 {padding-bottom: 70px;}
      .pb50 {padding-bottom: 40px;}
      .mt150 {margin-top: 130px;  }
      .mt120 {margin-top: 100px; }
      .mt100 {margin-top: 80px;  }
      .mt80 { margin-top: 60px;}
      .mt60 { margin-top: 40px; }
      .mt50 { margin-top: 30px;}
      .mt40 {margin-top: 30px; }
      .mt30 { margin-top: 20px;  }
      .mt20 {margin-top: 20px;}
      .mb150 {margin-bottom: 130px;}
      .mb120 {margin-bottom: 100px;  }
      .mb100 {margin-bottom: 80px; }
      .mb90 {margin-bottom: 70px;}
      .mb80 {margin-bottom:60px;   }
      .mb60 {margin-bottom: 50px;}
      .mb50 {margin-bottom: 40px;}
      .mb40 {margin-bottom: 30px;}
      .mb30 {margin-bottom: 20px;}
      .mb20 { margin-bottom: 16px;}
      .pb20 { padding-bottom: 16px; }
  }
  
  @media screen and (max-width: 1280px) {
      .pad150 { padding: 120px;}
      .pad120 { padding: 100px;}
      .pad100 { padding: 80px; }
      .pad80 {padding: 60px;}
      .pad60 {padding: 50px;}
      .pad50 { padding: 44px;}
      .pad40 { padding: 36px;}
      .marg150 {  margin: 120px; }
      .marg120 { margin: 100px; }
      .marg100 {  margin: 80px;}
      .marg80 {margin: 60px; }
      .marg60 {margin: 50px;}
      .marg50 {  margin: 44px;}
      .marg40 { margin: 36px;}
      .pt150 { padding-top: 120px;}
      .pt120 { padding-top: 100px;}
      .pt100 { padding-top: 80px; }
      .pt90 { padding-top: 70px;}
      .pt80 {  padding-top: 60px;}
      .pt60 {padding-top: 50px;}
      .pt50 { padding-top: 44px;}
      .pt40 { padding-top: 36px; }
      .pb150 { padding-bottom: 120px; }
      .pb120 { padding-bottom: 100px;}
      .pb100 {padding-bottom: 80px;}
      .pb90 { padding-bottom: 70px;}
      .pb80 {padding-bottom: 60px;}
      .pb60 { padding-bottom: 40px; }
      .pb50 { padding-bottom: 35px;}
      .pb40 { padding-bottom: 30px;}
      .mt150 { margin-top: 100px; }
      .mt120 { margin-top: 90px;}
      .mt100 {margin-top: 70px;}
      .mt80 { margin-top: 60px;   } 
      .mt60 {margin-top: 40px; }
      .mt50 {margin-top: 35px; }
      .mt40 { margin-top: 36px;}
      .mb150 {margin-bottom: 120px; }
      .mb120 {margin-bottom: 100px; }
      .mb100 { margin-bottom: 80px;}
      .mb90 { margin-bottom: 80px;}
      .mb80 { margin-bottom: 60px; }
      .mb60 { margin-bottom: 50px;}
      .mb50 { margin-bottom: 30px;}
      .mb40 { margin-bottom: 36px; }
      .mb20 { margin-bottom: 12px;}
      .pb20 { padding-bottom: 12px;}
      .mt150 {  margin-top: 130px; }
      .mt150 {  margin-top: 150px;}
      .mt120 {  margin-top: 120px; }
      .mt100 {margin-top: 100px;}
      .mt80 { margin-top: 80px; }
      .mt60 { margin-top: 20px; }
      .mt50 { margin-top: 20px;}
      .mt40 {margin-top: 40px;}
      .mt30 { margin-top: 20px; }
      .mt20 { margin-top: 20px;}
      .mb150 { margin-bottom: 80px; }
      .mb120 {margin-bottom: 70px;}
      .mb100 {  margin-bottom: 60px; }
      .mb90 { margin-bottom: 70px;}
      .mb80 { margin-bottom: 60px;}
      .mb60 { margin-bottom: 45px; }
      .mb50 { margin-bottom: 35px;}
      .mb40 { margin-bottom: 25px;}
      .mb30 {  margin-bottom: 15px;  }
  }
  
  @media screen and (max-width: 992px) {
      .pad150 { padding: 90px;}
      .pad120 { padding: 72px;}
      .pad100 { padding: 60px; }
      .pt90 {padding-top: 50px; }
      .pad80 { padding: 50px;}
      .pad60 { padding: 40px;}
      .pad50 {padding: 36px;}
      .pad40 {padding: 32px;}
      .pad30 { padding: 28px;}
      .pad20 {padding: 18px;}
      .marg150 { margin: 90px;}
      .marg120 { margin: 72px;}
      .marg100 {margin: 60px; }
      .marg80 { margin: 50px;}
      .marg60 { margin: 40px;}
      .marg50 { margin: 36px;  }
      .marg40 {margin: 32px; }
      .marg30 { margin: 28px; }
      .marg20 { margin: 18px;}
      .pt150 { padding-top: 90px;}
      .pt120 { padding-top: 72px;}
      .pt100 { padding-top: 60px;}
      .pb90 {  padding-bottom: 55px;}
      .pt80 {  padding-top: 50px;}
      .pt60 { padding-top: 40px;}
      .pt50 {padding-top: 36px;}
      .pt40 {padding-top: 32px;}
      .pt30 {padding-top: 28px;}
      .pt20 {padding-top: 18px; }
      .pb150 {padding-bottom: 90px;}
      .pb120 { padding-bottom: 72px;}
      .pb100 { padding-bottom: 60px;}
      .pb80{padding-bottom: 50px;}
      .pb60{padding-bottom: 40px;}
      .pb50{padding-bottom: 36px;}
      .pb40{padding-bottom: 32px;}
      .pb30{ padding-bottom: 28px;}
      .pb20{ padding-bottom: 18px;}
      .mt150{margin-top: 90px;}
      .mt120{margin-top: 72px; }
      .mt100{margin-top: 60px;}
      .mt80{margin-top: 50px;}
      .mt60{margin-top: 40px;}
      .mt50{margin-top: 36px;}
      .mt40{margin-top: 32px;}
      .mt30{margin-top: 28px; }
      .mt20{margin-top: 18px;}
      .mb150{ margin-bottom: 90px;}
      .mb120 {margin-bottom: 72px; }
      .mb100 {margin-bottom: 60px;}
      .mb80 {margin-bottom: 50px;}
      .mb60 {margin-bottom: 40px;}
      .mb50 {margin-bottom: 30px; }
      .mb40 {margin-bottom: 32px;}
      .mb30 {margin-bottom: 28px;}
      .mb20 {margin-bottom: 18px;}
  }
  
  @media screen and (max-width: 768px) {
      .pad150 {padding: 60px;}
      .pad120 {padding: 50px;}
      .pad100 {padding: 44px;}
      .pt90 {padding-top: 40px;}
      .pad80 {padding: 36px;}
      .pad60 {padding: 30px;}
      .pad50 {padding: 30px;}
      .pad40 {padding: 28px;}
      .pad30 {padding: 24px;}
      .pad20 {padding: 16px;}
      .marg150 {margin: 60px;}
      .marg120 {margin: 50px;}
      .marg100 {margin: 44px;}
      .marg80 { margin: 36px;}
      .marg60 {margin: 30px;}
      .marg50 { margin: 30px;}
      .marg40 { margin: 28px;}
      .marg30 { margin: 24px;}
      .marg20 {margin: 16px;}
      .pt150 {padding-top: 60px; }
      .pt120 {padding-top: 50px; }
      .pt100 { padding-top: 44px;}
      .pt80 { padding-top: 36px;}
      .pt60 {padding-top: 30px;}
      .pt50 {padding-top: 30px;}
      .pt40 {padding-top: 28px;}
      .pt30 {padding-top: 24px;}
      .pt20 {padding-top: 16px;}
      .pb150 {padding-bottom: 60px; }
      .pb120 {padding-bottom: 50px;}
      .pb100 {padding-bottom: 44px; }
      .pb90 {padding-bottom: 44px;}
      .pb80 {padding-bottom: 36px;}
      .pb60 { padding-bottom: 30px;}
      .pb50 { padding-bottom: 30px;}
      .pb40 { padding-bottom: 28px;}
      .pb30 {padding-bottom: 24px;}
      .pb20 { padding-bottom: 16px;}
      .mt150 {margin-top: 60px; }
      .mt120 {margin-top: 50px;}
      .mt100 { margin-top: 44px;}
      .mt80 {margin-top: 36px; }
      .mt60 { margin-top: 30px;}
      .mt50 { margin-top: 20px;}
      .mt40 { margin-top: 28px;}
      .mt30 { margin-top: 24px;}
      .mt20 { margin-top: 16px;}
      .mb150 {margin-bottom: 60px;}
      .mb120 {margin-bottom: 50px;}
      .mb100 { margin-bottom: 44px;}
      .mb80 { margin-bottom: 36px;}
      .mb60 {margin-bottom: 30px;}
      .mb50 { margin-bottom: 20px; }
      .mb40 {margin-bottom: 28px;}
      .mb30 {margin-bottom: 24px; }
      .mb20 { margin-bottom: 16px; }
  }
  
  @media screen and (max-width: 500px) {
      .pad150 { padding: 40px;}
      .pad120 { padding: 30px; }
      .pad100 { padding: 24px;}
      .pt90 { padding-top: 30px; }
      .pad80 {padding: 30px;}
      .pad60 { padding: 20px;}
      .pad50 { padding: 20px; }
      .pad40 { padding: 15px;}
      .pad30 {
          padding: 10px;
      }
      .pad20 {
          padding: 10px;
      }
      .marg150 {
          margin: 40px;
      }
      .marg120 {
          margin: 30px;
      }
      .marg100 {
          margin: 24px;
      }
      .marg80 {
          margin: 20px;
      }
      .marg60 {
          margin: 20px;
      }
      .marg50 {
          margin: 20px;
      }
      .marg40 {
          margin: 15px;
      }
      .marg30 {
          margin: 10px;
      }
      .marg20 {
          margin: 10px;
      }
      .pt150 {
          padding-top: 40px;
      }
      .pt120 {
          padding-top: 40px;
      }
      .pt100 {
          padding-top: 24px;
      }
      .pt80 {
          padding-top: 20px;
      }
      .pt60 {
          padding-top: 20px;
      }
      .pt50 {
          padding-top: 20px;
      }
      .pt40 {
          padding-top: 20px;
      }
      .pt30 {
          padding-top: 10px;
      }
      .pt20 {
          padding-top: 10px;
      }
      .pb150 {
          padding-bottom: 40px;
      }
      .pb120 {
          padding-bottom: 40px;
      }
      .pb100 {
          padding-bottom: 30px;
      }
      .pb90 {
          padding-bottom: 20px;
      }
      .pb80 {
          padding-bottom: 20px;
      }
      .pb60 {
          padding-bottom: 20px;
      }
      .pb50 {
          padding-bottom: 20px;
      }
      .pb40 {
          padding-bottom: 20px;
      }
      .pb30 {
          padding-bottom: 10px;
      }
      .pb20 {
          padding-bottom: 10px;
      }
      .mt150 {
          margin-top: 40px;
      }
      .mt120 {
          margin-top: 40px;
      }
      .mt100 {
          margin-top: 30px;
      }
      .mt80 {
          margin-top: 20px;
      }
      .mt60 {
          margin-top: 20px;
      }
      .mt50 {
          margin-top: 20px;
      }
      .mt40 {
          margin-top: 10px;
      }
      .mt30 {
          margin-top: 10px;
      }
      .mt20 {
          margin-top: 10px;
      }
      .mb150 {
          margin-bottom: 40px;
      }
      .mb120 {
          margin-bottom: 40px;
      }
      .mb100 {
          margin-bottom: 20px;
      }
      .mb80 {
          margin-bottom: 20px;
      }
      .mb60 {
          margin-bottom: 20px;
      }
      .mb50 {
          margin-bottom: 20px;
      }
      .mb40 {
          margin-bottom: 20px;
      }
      .mb30 {
          margin-bottom: 10px;
      }
      .mb20 {
          margin-bottom: 10px;
      }
  }
  
  .trans {
      transition: all 1s;
      -moz-transition: all 1s;
      /* Firefox 4 */
      -webkit-transition: all 1s;
      /* Safari 鍜� Chrome */
      -o-transition: all 1s;
      /* Opera */
  }
  
  .trans2 {
      transition: all 0.5s;
      -moz-transition: all 0.5s;
      /* Firefox 4 */
      -webkit-transition: all 0.5s;
      /* Safari 鍜� Chrome */
      -o-transition: all 0.5s;
      /* Opera */
  }